import React, { memo } from "react";
import { useSelector, shallowEqual } from "react-redux";
import Aesatheticright from "./aesatheticright";

import RenderRoutes from "@/router/renderRoutes";
import { Aestheticwrap } from "./style";
export default memo(function Aesthetic(props) {
  console.log(props);
  const { blog } = useSelector(
    (store) => ({
      blog: store.newhomestore.blog,
    }),
    shallowEqual
  );
  return (
    <Aestheticwrap>
      <div className="left">{RenderRoutes(props.route)}</div>
      <div className="right">
        <Aesatheticright blog={blog}></Aesatheticright>
      </div>
    </Aestheticwrap>
  );
});
